<template>
	<div class="xinxishenhe">
		<uni-nav-bar :fixed="true" title="信息审核" background-color="#5C7FF5" status-bar @clickLeft="back" :dark="true"
			left-icon="left">
		</uni-nav-bar>
		<div>
			<div class="p30 bgwhite">
				<div class="infoItem">
					<div class="infoItem_label">运营单位</div>
					<div class="infoItem_content">{{ form.org }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">所属电站</div>
					<div class="infoItem_content">{{ form.station }}</div>
				</div>
				<div class="infoItem noboderbottom">
					<div class="infoItem_label">电压等级</div>
					<div class="infoItem_content">{{ form.voltage }}</div>
				</div>

			</div>
			<div class="line"></div>
			<div class="p30 bgwhite">
				<div class="infoItem">
					<div class="infoItem_label">设备类型</div>
					<div class="infoItem_content">{{ form.deviceType }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">设备名称</div>
					<div class="infoItem_content">{{ form.deviceName }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">缺陷部位</div>
					<div class="infoItem_content">{{ form.partsType }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">缺陷描述</div>
					<div class="infoItem_content">{{ form.description }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">分类依据</div>
					<div class="infoItem_content">{{ form.classificationBasis }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">缺陷性质</div>
					<div class="infoItem_content">{{ form.level }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">巡检人员</div>
					<div class="infoItem_content">{{ form.username }}</div>
				</div>
				<!-- <div class="infoItem noboderbottom" v-if="rules ==1">
					<div class="infoItem_label">巡检人员</div>
					<div class="infoItem_content">{{ form.username2 }}</div>
				</div> -->
				<div class="infoItem noboderbottom">
					<div class="infoItem_label">巡检时间</div>
					<div class="infoItem_content">{{ form.time }}</div>
				</div>
			</div>
			<div class="line"></div>
			<div class="p30 bgwhite">
				<div class="infoItem">
					<div class="infoItem_label">设备型号</div>
					<div class="infoItem_content">{{ form.model }}</div>
				</div>
				<div class="infoItem">
					<div class="infoItem_label">生产厂家 </div>
					<div class="infoItem_content">{{ form.manufacturer }}</div>
				</div>
				<div class="infoItem noboderbottom">
					<div class="infoItem_label">投运日期</div>
					<div class="infoItem_content">{{ form.date }}</div>
				</div>
			</div>
			<div class="line"></div>
			<div class="p50 bgwhite imgdiv" style="margin: 16rpx 0;">
				<uni-file-picker limit="1" multiple @success="success" @progress="progress" @fail="fail"
					@delete="deletes" :disabled="true" @select="select" :readonly="true" :del-icon="true"
					v-model="fileLists">
					<img src="../../static/img/isAdd.png" style="width: 72rpx;height: 60rpx;" alt="">
				</uni-file-picker>
			</div>
			<!-- <uni-section title="手风琴效果（只会保留一个的打开状态）" type="line"> -->

			<!-- <div style="width: 100%;height: 88rpx;background-color: white;font-weight: 500;font-size: 28rpx;color: #262626;line-height: 88rpx;letter-spacing: 1rpx;padding-left: 50rpx;margin-top: 16rpx;"
				@click="toshenhezhedie(item)" v-for="(item,index) in form.defectRecodes" :key="index">
				{{'消缺审核信息'+(index+1)}}
			</div> -->
			<div style="box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);box-sizing: border-box;display: flex;align-items:center;justify-content: space-between;width: 100%;height: 88rpx;background-color: white;font-weight: 500;font-size: 28rpx;color: #262626;line-height: 88rpx;letter-spacing: 1rpx;padding:0rpx 50rpx;margin-top: 16rpx;"
				@click="toshenhezhedie(item,index)" v-for="(item,index) in form.defectRecodes" :key="index">
				<div>{{'消缺审核信息'+(index+1)}}</div>
				<img style="font-size: 40rpx;width: 20rpx;height: 40rpx;" src="../../static/img/tu.png" alt="" />

			</div>


			<!-- <uni-collapse v-if="form.defectRecodes!=null" @change="onCollapseChange" ref="collapse"
				v-model="accordionVal" class="uni-collapse" style="background-color: transparent;">
				<uni-collapse-item :title="`消缺审核信息${index+1}`" v-for="(item,index) in form.defectRecodes">
					<view class="content">
						<div class="titles">消缺信息</div>

						<div class="p50 bgwhite imgdiv" style="margin-top: 16rpx;" v-if="fileLists1">
							<uni-file-picker limit="1" multiple @success="success" @progress="progress" @fail="fail"
								@delete="deletes" :disabled="true" @select="select" :readonly="true" :del-icon="true"
								v-model="fileLists1">
								<img src="../../static/img/isAdd.png" style="width: 72rpx;height: 60rpx;" alt="">

							</uni-file-picker>
						</div>
						<div class="p50 bgwhite">
							<div class="infoItem">
								<div class="infoItem_label">消缺人员</div>
								<div class="infoItem_content">{{ item.solveName }}</div>
							</div>
							<div class="infoItem">
								<div class="infoItem_label">消缺时间</div>
								<div class="infoItem_content">{{ item.solveTime }}</div>
							</div>
							<div class="infoItem" style="border-bottom: 0rpx;">
								<div class="infoItem_label">备注</div>
								<div class="infoItem_content">{{ item.solveRemarks }}</div>
							</div>
						</div>
						<div class="titles">审核信息</div>
						<div class="p50 bgwhite">
							<div class="infoItem">
								<div class="infoItem_label">审核结果</div>
								<div class="infoItem_content">{{ item.result }}</div>
							</div>
							<div class="infoItem">
								<div class="infoItem_label">审核时间</div>
								<div class="infoItem_content">{{ item.examineTime }}</div>
							</div>
							<div class="infoItem" style="border-bottom: 0rpx;">
								<div class="infoItem_label">原因</div>
								<div class="infoItem_content">{{ item.reason }}</div>
							</div>
						</div>
						<div class="p50 bgwhite imgdiv" style="margin-top: 16rpx;">
							<uni-file-picker limit="1" multiple @success="success" @progress="progress" @fail="fail"
								@delete="deletes" :disabled="true" @select="select" :readonly="true" :del-icon="true"
								v-model="fileLists2">
								<img src="../../static/img/isAdd.png" style="width: 72rpx;height: 60rpx;" alt="">
							</uni-file-picker>
						</div>
					</view>
				</uni-collapse-item>
			</uni-collapse> -->

			<div>
				<div class="titles">最新消缺信息</div>
				<div class="p50 bgwhite imgdiv" style="margin-top: 16rpx;" v-if="fileLists1">
					<uni-file-picker limit="1" multiple @success="success" @progress="progress" @fail="fail"
						@delete="deletes" :disabled="true" @select="select" :readonly="true" :del-icon="true"
						v-model="fileListslast">
						<img src="../../static/img/isAdd.png" style="width: 72rpx;height: 60rpx;" alt="">
					</uni-file-picker>
				</div>
				<div class="p50 bgwhite">
					<div class="infoItem">
						<div class="infoItem_label">消缺人员</div>
						<div class="infoItem_content">{{ lastItem.solveName }}</div>
					</div>
					<div class="infoItem">
						<div class="infoItem_label">消缺时间</div>
						<div class="infoItem_content">{{ lastItem.solveTime }}</div>
					</div>
					<div class="infoItem" style="border-bottom: 0rpx;">
						<div class="infoItem_label">备注</div>
						<div class="infoItem_content">{{ lastItem.solveRemarks }}</div>
					</div>
				</div>
			</div>
			<div style="padding-bottom: 60rpx;">
				<div class="titles" style="margin-bottom: 16rpx;">审核</div>
				<div class="p50 bgwhite">
					<div class="infoItem">
						<div class="infoItem_label">审核结果</div>
						<div class="infoItem_content">
							<!-- <radio-group v-model="selectedValue"> -->
							<view>
								<view class="radio-content">
									<view class="radio-content" v-for="(item,index) in radiolist" :key="index"
										@click="clickpass(item,index)">
										<view class="radio" :class="current== index ? 'radio-default':''">
											<view :class="current == index ? 'radio-active':''"></view>
										</view>
										<text style="font: size 28rpx; ;">{{item.name}}</text>
									</view>
									<!-- 	<view class="radio-content radio-right" @click="changeRadio2">
										<view class="radio" :class="radio1 == 2 ? 'radio-default':''">
											<view :class="radio1 == 2 ? 'radio-active':''"></view>
										</view>
										<text>通过</text>
									</view> -->
								</view>



								<!-- 	<label class="radio" v-for="(item,index) in radiolist" :key="index"
									@click="clickpass(item,index)">
									<radio :value="item.value" :checked="index === current" />
									{{item.name}}
								</label> -->
							</view>

							<!-- </radio-group> -->

						</div>
					</div>
					<div class="inputdiv" style="">
						<div class="infoItem_label">原因</div>
						<div class="infoItem_content">
							<input type="text" v-model="inputValue" class="uni-input"
								style="height: 100%;width: 100%;" />
						</div>
					</div>
					<div class="paizhao">
						<div class="infoItem_label">图片</div>
						<div class="infoItem_content" style="margin-top: 16rpx;">
							<!-- <uni-file-picker multiple limit="9" :del-icon="true" :sizeType="sizeType" @success="success"
								@progress="progress" @fail="fail" @delete="deletes" @select="select"
								v-model="fileListss">
								<img src="../../static/img/isAdd.png" style="width: 72rpx;height: 60rpx;" alt="">
							</uni-file-picker> -->

							<uni-file-picker limit="9" multiple @success="success" @progress="progress" @fail="fail"
								@delete="deletes" @select="select" :del-icon="true" v-model="fileListss">
								<img src="../../static/img/isAdd.png" style="width: 72rpx;height: 60rpx;" alt="">
							</uni-file-picker>
						</div>


					</div>
				</div>
			</div>
			<div class="addBtn">
				<div class="bts" @click="toRight">
					提交
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
	import unicollapse from '@/uni_modules/uni-collapse/components/uni-collapse/uni-collapse'
	import {
		nowDay
	} from "@/utils/filters"
	// import dialogs from "@/components/dialog.vue";
	import {
		COM_URL,
		IMG_URL
	} from "@/utils/config";
	import {
		findDefectByCode,
		xiaoqueshenhe
	} from '@/utils/http'
	export default {
		components: {
			uniNavBar,
			unicollapse
		},
		onLoad(query) {
			this.getInfo(query.code)
			this.rule = uni.getStorageSync('userInfo').role
			this.isMyself = uni.getStorageSync('openid')
			this.comeForm = query.u
		},
		onShow() {
			this.rules = uni.getStorageSync('userInfo').userId

		},
		data() {
			return {
				radio1: 1,
				current: 1,
				selectedValue: '',
				inputValue: '',
				radiolist: [{
					value: '不通过',
					name: '不通过'
				}, {
					value: '通过',
					name: '通过'
				}],
				value: ['0'],
				accordionVal: '1',
				content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。',
				extraIcon: {
					color: '#4cd964',
					size: '26',
					type: 'image'
				},

				Canvas: "ll_canvas_img",
				type: null,
				num: 0,
				count: -1,
				style: null,
				form: {
					solveRemarks: '',
					code: '',
					solveName: '',
					pic: [],
				},
				rules: "",
				isUse: true,
				// fileLists: [],
				// fileListsCopy: []



				// form: {},
				fileLists: [],
				fileLists1: [],
				fileLists2: [],
				fileLists3: [],
				fileListss: [],
				fileListsCopy: [],
				fileListslast: [],
				deldatas: [],
				rule: '',
				isMyself: '',
				sameDay: null,
				comeForm: "",
				rules: "",
				lastItem: ''

			};
		},

		methods: {
			deletes(val) {
				this.fileListsCopy.splice(val.index, 1)
			},
			toshenhezhedie(item, index) {
				// console.log(888888888)
				// uni.navigateTo({
				// 	url: '/pages/order/shehezhedie?info=' + encodeURIComponent(JSON.stringify(item)) + `&num=${index}`
				// })
				uni.navigateTo({
					url: '/pages/order/shehezhedie?info=' + encodeURIComponent(JSON.stringify(item)) +
						`&num=${index}`
				})
			},
			toXq() {
				uni.navigateTo({

					url: '/pages/order/xiaoqueright?code=' + this.form.code
				})
			},
			back() {
				uni.navigateBack({
					delta: 1 // 默认值是1，表示回退到上一页，如果要回退多级可以设置大于1的数值
				});
			},

			clickpass(item, index) {
				this.current = index
			},
			onCollapseChange() {
				this.$nextTick(() => {
					this.$refs.collapse.resize()
				})
			},
			// 删除
			toDel() {
				this.deldatas = [this.form.id]
				this.$refs.dialog.$refs.inputDialog.open();


			},
			toEdit() {
				uni.navigateTo({
					url: '/pages/order/infoEdit?code=' + this.form.code
				})

			},
			// 审核提交按钮
			toRight() {
				let paths = []
				if (this.fileListsCopy.length == 0) {
					this.isUse = true

					// wx.showToast({
					// 	title: '请上传图片',
					// 	icon: 'none'
					// })
					// return

				} else {
					// let paths = []
					for (var i = 0; i < this.fileListsCopy.length; i++) {
						if (this.fileListsCopy[i].path.indexOf(IMG_URL) >= 0) {
							paths.push(this.fileListsCopy[i].path.split(IMG_URL)[1])
						} else {
							paths.push(this.fileListsCopy[i].path)
						}
					}
				}

				if (this.current == 0 && !this.inputValue) {
					wx.showToast({
						title: '请输入不通过原因',
						icon: 'none'
					})
					return
				}
				xiaoqueshenhe({
					codes: this.lastItem.codes,
					result: this.radiolist[this.current].value,
					reason: this.inputValue,
					path: paths
				}).then((res) => {
					console.log(res)
					uni.showToast({
						title: '操作成功',
						duration: 1500,
						mask: true
					})
					uni.navigateBack({
						delta: 1 // 默认值是1，表示回退到上一页，如果要回退多级可以设置大于1的数值
					});
				})

			},
			getInfo(code) {
				findDefectByCode({
					code
				}).then(res => {
					this.form = res.result
					this.lastItem = this.form.defectRecodes.slice(-1).pop(); // 获取最后一项
					this.form.defectRecodes.pop()
					this.sameDay = nowDay() == this.form.time.split(' ')[0]
					if (this.form.pic && this.form.pic.length > 0) {
						this.form.pic.forEach(item => {
							this.fileLists.push({
									url: IMG_URL + item.path,
									code: item.code,
									id: item.id,
									fileID: item.code,
									path: item.path,
									paths: item.paths,
								}

							)
						})
					}
					if (this.lastItem.defectSolvePics && this.lastItem.defectSolvePics.length > 0) {
						this.lastItem.defectSolvePics.forEach(item => {
							this.fileListslast.push({
									url: IMG_URL + item.path,
									code: item.code,
									id: item.id,
									fileID: item.code,
									path: item.path,
									paths: item.paths,
								}

							)
						})
					}
					// if (this.form.defectRecodes && this.form.defectRecodes.length > 0) {
					// 	this.form.defectRecodes[0].defectSolvePics.forEach(item => {
					// 		this.fileLists1.push({
					// 				url: IMG_URL + item.path,
					// 				code: item.code,
					// 				id: item.id,
					// 				fileID: item.code,
					// 				path: item.path,
					// 				paths: item.paths,
					// 			}

					// 		)
					// 	})
					// 	this.form.defectRecodes[0].defectRecordPics.forEach(item => {
					// 		this.fileLists2.push({
					// 				url: IMG_URL + item.path,
					// 				code: item.code,
					// 				id: item.id,
					// 				fileID: item.code,
					// 				path: item.path,
					// 				paths: item.paths,
					// 			}

					// 		)
					// 	})
					// }
				})
			},

			//格式转换
			process_img(src, quality = 0.9, type = "jpg", ratio = 0.9) {
				return new Promise((resolve, reject) => {
					this.count++
					this.num++
					let Canvas = this.Canvas + this.count
					uni.getImageInfo({
						src: src,
						success: (res) => {
							let width = res.width
							let height = res.height
							this.style =
								`margin-top: -${height}px; margin-left: -${width}px; width: ${width}px; height: ${height}px;`
							setTimeout(() => {
								const ctx = uni.createCanvasContext(Canvas, this)
								ctx.clearRect(0, 0, width, height)
								ctx.drawImage(src, 0, 0, width, height)
								ctx.draw(false, () => {
									uni.canvasToTempFilePath({
											width: width,
											height: height,
											destWidth: width * ratio,
											destHeight: height * ratio,
											canvasId: Canvas,
											fileType: type,
											quality: quality,
											success: (res) => {
												// #ifdef H5

												// #endif

												console.log("格式转换成功")
												resolve(res.tempFilePath)
											},
											fail: (err) => {
												console.log("格式转换失败")
												reject(err)
											},
										},
										this
									)
								})
							}, 500)
						},
					})
				})
			},
			//图片压缩
			compress_img(src, size = 500, type = "jpg", ratio = 0.9) {
				return new Promise((resolve, reject) => {
					this.type = type
					this.process_img(src, 0.9, type).then((res) => {
						src = res
						this.compress(src, size, type)
							.then((res) => {
								console.log("压缩成功", res) // 输出压缩后的图片路径
								resolve(res)
							})
							.catch((err) => {
								reject(err)
							})
					})
				})
			},
			compress(src, size = 500, type, ratio = 0.9) {
				return new Promise((resolve, reject) => {
					uni.getFileInfo({
						filePath: src,
						success: (fileInfoRes) => {
							let fileSize = fileInfoRes.size / 1024 // 转换为KB
							console.log("图片大小", fileSize)
							if (fileSize > size) {
								// #ifndef H5
								this.process_img(src, 0.9, type, ratio)
									.then((res) => {
										src = res
										this.compress(src, size)
											.then((res) => {
												resolve(res)
											})
											.catch((err) => {
												reject(err)
											})
									})
									.catch((err) => {
										reject(err)
									})
								// #endif
								// #ifdef H5
								uni.getImageInfo({
									src: src,
									success: (res) => {
										//console.log('压缩前信息', res);
										let canvasWidth = res.width // 图片原始宽度
										let canvasHeight = res.height // 图片原始高度
										//console.log('宽度-',canvasWidth,'高度-',canvasHeight);
										let img = new Image()
										img.src = res.path
										let canvas = document.createElement("canvas")
										let ctx = canvas.getContext("2d")
										// 这里根据要求限制图片宽高
										canvas.width = canvasWidth * ratio
										canvas.height = canvasHeight * ratio
										//console.log('压缩尺寸',canvas.width,canvas.height)
										ctx.drawImage(img, 0, 0, canvas.width, canvas
											.height)
										//toBlob()方法创造Blob对象，用以展示canvas上的图片
										let type_h5
										if (this.type == "jpg") type_h5 = "image/jpeg"
										else if (this.type == "png") type_h5 = "image/png"
										else if (this.type == "webp") type_h5 =
											"image/webp"
										canvas.toBlob(
											(fileSrc) => {
												let imgSrc = window.URL
													.createObjectURL(fileSrc)
												//console.log('压缩后的blob路径', imgSrc);
												this.compress(imgSrc, size).then((
													res) => {
													resolve(res)
												})
											},
											type_h5,
											0.9
										) //默认'image/png' 建议'image/jpeg' 扩展image/webp(大部分浏览器支持),其他未知
									},
								})
								// #endif
							} else {
								resolve(src)
							}
						},
					})
				})
			},
			// 上传图片
			async select(val) {
				var that = this
				uni.showLoading({
					title: "加载中",
					mask: true
				});
				for (let i = 0; i < val.tempFilePaths.length; i++) {
					await this.doSomething(val.tempFilePaths[i]).then(res => {
						if (i == val.tempFilePaths.length - 1) {
							uni.hideLoading();
						}
					})
				}
			},
			async doSomething(item) {
				var that = this;
				return new Promise((resolve, reject) => {
					uni.uploadFile({
						url: `${COM_URL}/manager/uploadPic`, //后端用于处理图片并返回图片地址的接口
						filePath: item,
						header: {
							token: uni.getStorageSync("token"),
						},
						name: "file",
						success: (res) => {
							let data = JSON.parse(res.data)
							if (data.code == '0') {
								that.fileListsCopy.push({
									url: `${IMG_URL}${data.result.path}`,
									path: data.result.path,
									ids: new Date().getTime().toString(),
									name: new Date().getTime().toString(),
									extname: "png",
								});
								resolve(item)

							} else {
								resolve(item)
								setTimeout(() => {
									uni.hideLoading();

								}, 1500)
							}
						},
						fail: () => {
							setTimeout(() => {
								uni.hideLoading();

							}, 1500)
						},
					});
				});
			},
		}
	};
</script>

<style scoped lang="scss">
	.xinxishenhe {
		box-sizing: border-box;
		// padding:0rpx 50rpx;
		height: 100%;
		background: #F5F6F8;

		.noboderbottom {
			border-bottom: none !important;
		}

		.paizhao {
			display: flex;
			flex-direction: column;
			// height: 200rpx;
			justify-content: space-around;
			// border: 1px solid red;

			.infoItem_label {
				width: 200rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 28rpx;
				height: 50rpx;
				line-height: 50rpx;
			}
		}


		.infoItem {
			padding: 20rpx 0;
			display: flex;
			justify-content: space-around;
			border-bottom: 1rpx solid #b1aeae;

			.infoItem_label {
				width: 200rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 500;
				font-size: 28rpx;

			}

			.infoItem_content {
				margin-left: 80rpx;
				flex-wrap: wrap;
				text-align: right;
				flex: 1;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #262626;
			}
		}

		.line {
			height: 16rpx;
		}
	}

	.pImg {
		margin-top: 20rpx;
		width: 298rpx;
		height: 212rpx;
	}

	.hasFlex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.addBtn {
		padding-bottom: 30rpx;
		line-height: 80rpx;

		.bts {
			text-align: center;
			width: 650rpx;
			height: 80rpx;

			background: #5C7FF5;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 36rpx;
			color: #FFFFFF;
			margin: 30rpx auto;
		}
	}

	.inputdiv {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		padding: 20rpx 0;
		border-bottom: 1rpx solid #b1aeae;
		height: 180rpx;
		margin-bottom: 25rpx;

		.infoItem_label {
			width: 200rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 28rpx;
		}

		.infoItem_content {
			// margin-left: 80rpx;
			// flex-wrap: wrap;
			// // text-align: right;
			// flex: 1;
			height: 80rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #262626;
			border-radius: 6px 6px 6px 6px;
			border: 2px solid #707070;
		}
	}

	.radio-content {
		height: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.radio {
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		border: 2rpx solid #CCCCCC;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0rpx 26rpx 0rpx 15rpx;
	}

	.radio-active {
		width: 20rpx;
		height: 20rpx;
		border-radius: 50%;
		background-color: #2854EB;
	}

	.radio-default {
		border: 2rpx solid #2854EB;
	}

	.radio-right {
		margin-left: 66rpx;
	}

	.del {
		background: #FFFFFF;
		box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		border: 1rpx solid #707070;
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 500;
		font-size: 36rpx;
		color: #2B2B2B;
	}

	.uni-collapse .content {}
</style>
<style scoped>
	.xinxishenhe>>>.uni-nav-bar-text {
		font-size: 35rpx;
	}


	.p30 {
		padding: 20rpx 30rpx;

	}

	.p50 {
		padding: 20rpx 50rpx;

	}

	.bgwhite {
		background: white;
		box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
	}

	>>>.uni-collapse {
		background-color: transparent;
	}

	.uni-collapse>>>.uni-collapse-item__title-text {
		/* font-family: Source Han Sans CN, Source Han Sans CN; */
		font-weight: 500;
		font-size: 28px;
		color: #262626;
		/* line-height: 22px; */
		letter-spacing: 1px;
		/* text-align: left;
		font-style: normal;
		text-transform: none; */
	}

	.uni-collapse>>>.uni-collapse-item {
		height: 88rpx;
		margin-top: 16rpx;
		line-height: 88rpx;
	}

	.uni-collapse>>>.uni-collapse-item__title-box {
		height: 100%;
		line-height: 88rpx;
	}

	.uni-collapse>>>.uni-collapse-item__title-wrap {
		height: 100%;
	}

	.imgdiv {
		/* height: 277rpx; */
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 30rpx;
	}



	.xinxishenhe>>>.icon-del-box {
		/* display: none; */
		width: 40rpx;
		height: 40rpx;
		background-color: red;
	}

	.xinxishenhe>>>.icon-del {
		width: 20rpx;
		height: 4rpx;
	}

	.xinxishenhe>>>.icon-del-box {
		/* display: none!important; */
		width: 40rpx;
		height: 40rpx;
		background-color: red;

	}

	.xinxishenhe>>>.icon-del {
		width: 20rpx;
		height: 4rpx;
	}

	.titles {
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: bold;
		font-size: 30rpx;
		color: #313131;
		margin-top: 10rpx;
		box-sizing: border-box;
		padding-left: 40rpx;
	}
</style>